/********************公共部分**********************************/
/*整体布局*/
body{width:100%;height: 100%;margin: 0;padding: 0;background: #f5f5f5;font-family: "微软雅黑";
/*background:#f5f5f5;*/
}

a{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}

ul{padding:0}
ul li{list-style: none;}

/*input{font-size: 0.27rem;}*/

.clear{clear:both;}

/*字体 字号 色号*/
/*****说明：选中底色--#f0f0f0*******/
.font_t{font-size:0.32rem;color: #232323;}/*标题颜色*/
.font_b{color:#232323;font-size: 0.28rem;}/*导航颜色*/
.font_g{color:#888888;font-size: 0.28rem;}/*商品列表灰色文字颜色*/
.font_red{color:#f94268}/*红色文字颜色*/

/********************公共部分  结束**********************************/

/****************一级布局***头部 +主要内容+底部  头部和底部固定 主要内容高度随内容变化*******************/
.top{
	background: #FFFFFF;
	border-bottom:1px solid #E5E5E5;
	position: fixed;
}

.main{
	margin-top:0.84rem;
	width:100%;height: auto;min-height: 5rem;/**测试用 待删*/
	padding-bottom: 1.2rem;
	/*border:1px solid red;*/
	/*border-top:1px solid #FFFFFF;*/
	
}

.footer{
	position:fixed;
	z-index: 99;
	bottom: 0;
	height: 1.05rem;line-height: 1.05rem;
	width:100%;
	background: #FFFFFF;
	/*border-top:1px solid #dce0e3;*/
	
}


/**************************主要内容******************************/
/******导航******/
.nav{
	position: fixed;
	top:0.918rem;z-index: 99;
	width:100%;
	height: 0.92rem;line-height: 0.92rem;
	background:white;
	box-sizing: border-box;
	border-bottom: 1px solid #E5E5E5;
	padding:0 1rem;
}
.nav a{
	display: block;
	float:left;
	width:50%;height: 100%;
	text-align: center;
}
.nav a span{
	display: inline-block;width:auto;
	height: 100%;
	box-sizing: border-box;
	color:#888888;
	font-size: 0.32rem;
	
}
.nav .active .font_t{
	/*color:#f94268;*/
	color:#492c19;
	}

/*********************模块公共结构*******************************/
/*公共样式*/
.item{
	width:100%;height: auto;
	margin-top:0.12rem;
	background:#FFFFFF;
	box-sizing: border-box;
	padding-left: 0.3rem;
	
}

/*********message_s   label+input结构********/

.message_s{
	width:100%;height:0.92rem;line-height: 0.92rem;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	
}

/*********message_ad   label+textarea结构********/
.message_ad{
	width:100%;height:auto;min-height: 1.77rem;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
}

.message_s label{
	font-family: "微软雅黑";
	font-weight: 400;
	font-size: 0.28rem;
	color:#232323;
	
}

.message_s input{
	position:absolute;
	font-size:0.28rem;color:#333333;
	left: 30%;width:65%;
	height: 0.7rem;line-height: 0.7rem;
	margin-top: 0.1rem;
	text-align: right;
	outline: none;border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	
}
.message_ad textarea{
	font-size: 0.27rem;color:#AAAAAA;
	height: auto;min-height: 1.6rem;
	margin-top: 0.1rem;
	padding-top: 0.1rem;
	/*width:5.28rem;*/
	width:67%;margin-right: 3%;
	outline: none;
	border:none;
	resize: none;
	overflow:hidden;
}
.message_ad .help{
	float: right;
	margin-top:0.2rem;
	/*padding-top: 0.2rem;*/
	box-sizing: border-box;
	width:30%;height:0.37rem;line-height: 0.37rem;
	
}
.help a{display: block;width:100%;height: 100%;}
.message_ad .help a img{width:0.37rem;height: 0.37rem;margin-top:-0.1rem;margin-right: 0.2rem;}
.message_ad .help a span{display: inline-block;height: 0.37rem;height: 0.37rem;font-size: 0.27rem;color:#f5ab24;}

/****************************主要内容****************************/
.content{
	width:100%;height: auto;
	/*padding-top:0.12rem;*/
	/*margin-top:0.84rem;*/
	padding-bottom: 1rem;
}

/*******地址*******/
.addr{
	width:100%;height: auto;
	margin-top:0.12rem;
	background:#FFFFFF;
	box-sizing: border-box;
	padding-left: 0;
}

.addr a:active{background: #F9F9F9;}

/*配送上门 地址栏*/
.pssm{
	width:100%;height: auto;
	
}


/************1.已登录  配送上门 无地址*******************/
.addr_none{
	width:100%;height: 1.86rem;
}
.addr_none a{
	display: block;
	width:100%;height: 100%;
	text-align: center;
	height: 1.86rem;line-height: 1.86rem;
}

.addr_none .a_img{
	display: inline-block;
	width:0.36rem;
	height: 1.86rem;line-height: 1.86rem;
	margin-right: 0.12rem;
	
}
.a_img img{
	width:0.36rem;height: 0.36rem;margin-top: -0.03rem;
}
.add_text{
	font-size: 0.24rem;color:#232323;
}
.a_text{
	display: inline-block;
	width:6rem;
	font-size: 0.24rem;color:#333333;
	height: 1.86rem;line-height: 1.86rem;
}
/**************************送货上门 无地址 结束*****************************/

/**************************送货上门 有地址 开始*****************************/
.addr_has{
	width:100%;height: 1.86rem;background: #FFFFFF;
	background-image: url(../images/sub_order/addr_bg2.png) ;
	background-position-x: calc(100%);
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 100% 0.1rem;
}
.addr_has a{
	display: block;
	width:100%;height: 1.76rem;
	position: absolute;
	margin-top:0.1rem;
	
}

.addr_has .add_bg{
	width:100%;height:10px;
	margin-top: 0;
}
.position{
	position: absolute;
	width:0.3rem;height: 1.76rem;line-height: 1.76rem;
	left:0.3rem;
	margin-right: 0.2rem;
	}
.position img{
	width:0.26rem;height: 0.31rem;/*margin-top: -0.05rem;*/
}
 .a_text{
	position:absolute;
	height: 1.76rem;width:6rem;overflow: hidden;
	margin-left: 0.8rem;
	box-sizing: border-box;
	padding:0.3rem 0; 
	font-size: 0.26rem ;color:#232323;
}

 .a_arrow{
	position:absolute;
	right:0.3rem;
	width:0.2rem;
	height: 1.76rem;line-height: 1.76rem;
	margin-top:-0.05rem;
	
}
 .a_arrow img{
	margin-top: -0.1rem;
	width:0.17rem;height: 0.27rem;
}

.text_top{
	width:100%;height:0.32rem;line-height: 0.32rem;
	margin-bottom: 0.2rem;
	font-size: 0.3rem;color:#333333;
	text-align: left;
	overflow: hidden;
}
.text_top .username{
	display: inline-block;
	max-width:3rem;
	height:0.32rem;
	float:left;
	margin-right: 0.34rem;
	overflow: hidden;
	font-size: 0.28rem;
}
.username>span{display:inline-block;float:left;height:0.32rem;}
.username span:first-child{
	width:auto;margin-right: 0.2rem;
	overflow: hidden;
}
.username span:last-child{
	width:1.5rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.text_top .phone{
	display: inline-block;
	float:right;
	width:2rem;
	height: 0.32rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	text-align: right;
	
}
.text_bot{
	width:6rem;height:0.6rem;line-height: 0.3rem;
	text-align: left;
	font-size: 0.24rem;color:#333333;
	margin-bottom: 0;
	overflow: hidden;text-overflow: ellipsis;
	
}
.text_bot>span{}
.text_bot span:first-child{
	display: inline-block;float:left;
	width:auto;height: 0.3rem;line-height: 0.3rem;margin-right: 0.14rem;
			
}
.text_bot span:last-child{
	height: auto;max-height: 0.6rem;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	word-break: break-word;	
	
}

/*************************************/

/*********门店自提*开始*************/
/****门店自提 地址栏*******/
.mdzt{
	width:100%;height: 1.86rem;
	background: #FFFFFF;
	background-image: url(../images/sub_order/addr_bg2.png) ;
	background-position-x: calc(100%);
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 100% 0.1rem;
	
}
.mdzt a{
	display: block;
	width:100%;height: 1.76rem;
	position: absolute;
	margin-top:0.1rem;
}

.mdzt .m_tel{
	position: absolute;
	right:0.4rem;
	width:0.48rem;height: 1.76rem;line-height: 1.76rem;
	
}
.m_tel img{
	width:0.48;height: 0.48rem;
}
.mdzt .a_text .text_top{
	width:5.5rem;overflow:hidden;
	font-size: 0.28rem;color:#333333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	margin-bottom: 0.2rem;
}
.mdzt .a_text .text_bot{
	width:5.5rem;height: auto;max-height: 0.6rem;line-height: 0.3rem;
	overflow:hidden;
	margin-bottom: 0;
}

.ziti{
	width:100%;height: auto;
}

/*********门店自提  结束**************/

/*********订单详情*********/
.cakelist{
	width:100%;height: auto;
	box-sizing: border-box;
	background:#F5F5F5;
}
/**订单信息 头部****/
.cakelist .c_title{
	width:100%;height: 0.8rem;line-height: 0.8rem;
	padding:0 0.3rem;
	/*border: 1px solid red;;*/
	
}

.c_title .c_item{
	height: 100%;height: 0.8rem;line-height: 0.8rem;
	font-size: 0.28rem;color:#888888;
	/*padding-right: 0.25rem;*/
}
.c_con{
	width:7.1rem;height: auto;
	margin-bottom: 0.12rem;
	margin-left: 0.2rem;
	background: #ffffff;
	box-sizing: border-box;
	padding:0 0.2rem 0 0.2rem;
	border:1px solid #e5e5e5;
}


/*************日期选择****************/
.choose2{
	float:right;
	margin-right: 0.25rem;;
	width:auto;max-width: 70%;
	min-width: 1rem;
	left: 30%;height: 0.92rem;line-height: 0.92rem;
	
}
.choose2 select{
	border:1px solid #dcdcdc;
	color:#555555;
	font-size: 0.26rem;
	min-width:1.24rem;width:auto;max-width:1.65rem;
	height: 0.58rem;line-height: 0.58rem;
	/*padding-left: 0.01rem;*/
	background:#FFFFFF;
	box-sizing: border-box;
	text-align: center;
	outline: medium;
	border-radius: 1rem;
	padding-left: 0.17rem;padding-right: 0.30rem;
	background-image: url(../images/sub_order/arrow_d.png);
	background-position-x: calc(90%); 
	background-position-y: calc(50%);
	background-repeat: no-repeat;
	background-size: 0.18rem 0.1rem;
	appearance: none;
	-moz-appearance:none;
	-webkit-appearance:none;
	
}
section option{
	font-size: 0.26rem;
	height: 0.3rem;
	color: #565555;
	
}


/*******************************************************************************************************/

/*******请选择********/
.choose{
	float: right;
	height: 0.92rem;line-height: 0.92rem;
	font-size: 0.27rem;color:#aaaaaa;
}
.choose a{
	display: block;	box-sizing: border-box;
	width:100%;height: 100%;
	color:#AAAAAA;
}
.arrow_r{
	width:0.24rem;height: 0.22rem;margin-top:-0.02rem;
	margin-left:0.46rem;
	}
.arrow_r img{width:100%;height: 100%;}
/*******请选择*the end*******/

.message_s .hqyzm{
	float:right;
	position: relative;margin-right:2rem;
	width:1.88rem;height: 0.52rem;line-height: 0.52rem;
	margin-top:0.2rem;background:white;
	color:#F5ab24;
	font-size: 0.25rem;padding-top:0rem;
	border-radius: 1rem;
	border:1px solid #F5AB24;
}

/*******订单信息 明细**********/

/**订单信息 ---商品明细**/
.c_cake{
	margin-top: 0.2rem;
	width:100%;height: 1.8rem;
	padding:0.15rem 0.2rem;
	background: #f5f5f5;
	border:none;
	
}
/*.c_cake a{
	display: block;
	width:100%;height: 1.8rem;
	
}*/
.c_cake a:active{background:#F9F9F9}

.c_cake .cake_pic{
	float:left;
	width:1.5rem;height: 1.5rem;
	margin-right: 0.2rem;
	border:1px solid #E5E5E5;
	background: #FFFFFF;
	overflow: hidden;
}
.c_cake .c_detail{
	float:left;
	width:4.5rem;
	height: 1.5rem;
	overflow: hidden;

}

/**蛋糕名字**/
 .cake_name{
	overflow: hidden;/*暂定*/
	width: 2.5rem;height: 0.48rem;line-height: 0.48rem;
	font-size: 0.28rem;color:#232323;
	margin-bottom: 0.2rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
/**蛋糕口味**/
.c_detail .c_taste{
	font-size: 0.24rem;color:#888888;
	width:3.1rem;height: auto;
	line-height: 0.32rem;max-height: 0.68rem;
	overflow: hidden;
}
.c_taste .taste{
	display: inline-block;
	width:3rem;
}
 .c_num{
	float:right;
	position: absolute;
	font-size: 0.24rem;color:#888888;
	
	width:0.9rem;height: 0.32rem;line-height: 0.32rem;
	text-align: right;
	overflow: hidden;
	right:0.6rem;margin-top:-0.32rem;
	text-overflow: ellipsis;white-space: nowrap;
}

.c_num .num{
	width:auto;max-width: 0.6rem;
	padding:0;text-align: right;
	
}
/***蛋糕价格****/
.c_detail .c_price{
	position:absolute;
	float:right;
	margin-top:-0.68rem;
	right:0.6rem;
	width:1.5rem;
	text-align: right;
	font-size: 0.3rem;
	color:#f94268;
}

.line{
	width:100%;height: 0;
	border-bottom: 1px solid #EAEEF1;
	margin-top:0.2rem;
}
/***备注*******/
.c_bak{
	width:100%;height: 1.4rem;
	padding: 0.2rem 0 0.2rem 0;
	background: white;
	
}
.c_bak div{
	width:100%;
	height: 100%;
	/*border-top: 1px solid #dce0e3;*/
}
.c_bak div span{
	display: inline-block;
	width:auto;height: auto;
	float:left;
	font-size: 0.28rem;color:#232323;
	
	
}
.c_bak div textarea{
	float:left;
	width:88%;
	margin-left: 1%;
	margin-top:-0.05rem;
	height: 100%;
	padding-left: 0.2rem;
	font-size:0.28rem;color: #888888;
	outline: none;border: none;resize: none;
}

.item.pssj{
	padding-left: 0.3rem;
	margin-top:0;
	margin-bottom: 0;
	/*border-bottom: 1px solid #dce0e3;*/
}
.pssj.message_s{
	border-bottom: 1px solid #dce0e3;
}
.item.fee{
	height: 0.92rem;line-height: 0.92rem;
	margin-top: 0;padding-left:0.3rem;
	/*margin-bottom: 0.12rem;*/
}


/***配送时间 说明*/
.shuoming{
    /*margin-top: 0.1rem;*/
   	padding-bottom: 0.05rem;
    
    font-size: 0.25rem;
    color:#f94268;
    height: 0.4rem;line-height: 0.4rem;
    text-align: right;
    padding-right: 0.3rem;
    border-bottom: 1px solid #dce0e3;
}
.fee .psf0{
	height: 0.92rem;line-height: 0.92rem;
	font-size: 0.28rem;color:#232323;
	border-bottom: 1px solid #dce0e3;
}
.fee .psf{
	float:right;
	margin-right: 0.3rem;
}
.fee .other{
	width:100%;
	margin-top: 0.15rem;
	text-align: right;
	font-size: 0.25rem;
}

/*******pay*******/
.item.pay{
	height: 0.92rem;line-height: 0.92rem;
	margin-top: 0;
	padding-left: 0.3rem;
	font-size: 0.28rem;color:#232323;
}
.pay .pay0{
	height: 0.92rem;line-height: 0.92rem;
	
}
.pay .pay_top{
	float: left;
	height: 0.8rem;line-height: 0.8rem;
	
}
.pay .pay_bot{
	float:right;
	height: 0.92rem;line-height: 0.92rem;
	margin-right: 0.3rem;
	
}
.pay_bot .pay_img{
	width:0.4rem;height: 0.4rem;
	margin-right: 0.1rem;
	margin-top:-0.1rem;
	
}
.pay_bot div span{display: inline-block;}
.pay_bot div .pay_img{
	width:0.35rem;height: 0.35rem;
	background:url(../images/sub_order/roud.png) center no-repeat;
	background-size: 100%;
	/*margin-left:0.6rem;*/
}
.pay_bot .acitve .pay_img{
	background:url(../images/sub_order/6.png) center no-repeat;
	background-size: 100%;
}
.pay_bot .wx,.pay_bot .wx_img{float: right;}
.pay_bot .wx{
	font-size: 0.27rem;color:#333333;
}
.pay_bot .wx_img{
	width:0.73rem;
	height: 0.73rem;
	/*height: auto;*/
	margin-left: 0.3rem;
	margin-top:0.25rem;
	background: url(../images/sub_order/7.png) center;
	background-size: 100%;
}







/**订单信息---商铺名字*/
.c_shop{
	width:100%;height: 0.71rem;line-height: 0.71rem;
	
}
.c_shop .logo{
	width: 0.40rem;/*height: auto;*/height: 0.36rem;margin-right: 0.28rem;
	margin-top:-0.1rem;
}
.server{
	width:0.48rem;/*height: 0.38rem*/height: auto;
	
}
.c_shop .server{
	margin-top:-0.1rem;margin-left: 0.3rem;
}


/**蛋糕尺寸材质等信息**/
.c_type{
	width:100%;height: auto;
	/*padding:0.2rem 0.25rem;*/
	padding:0 0.1rem;
	background: white;
	
}
.c_type ul{
	width:100%;height: 100%;margin: 0;
	padding:0.2rem 0.15rem;
	border-bottom: 1px solid #e5e5e5;
}
.c_type ul li{
	list-style: none;
	margin-left: 0;
	width:50%;
	height: 0.43rem;line-height: 0.43rem;
	float:left;overflow: hidden;
	
}
.c_type ul li .type_n{
	max-width: 1rem;
	overflow: hidden;
}
.c_type ul li .type_con{
	max-width:5rem;
	overflow: hidden;
}



/****优惠方式******/
.discount{
	height: 1rem;line-height: 1rem;
	padding:0 0.25rem ;
	margin-bottom: 0.2rem;
}
.discount .font_b_l{
	width: auto;margin-right: 1rem;
}
.discount .font_g_s{
	display: inline-block;float:right;
	width: auto;max-width: 5rem;
}

/*********************底部明细***************************/
.heji,.tijiao{
	float:right;
}
.tijiao{
	width:2.08rem;
	height: 1.1rem;
	margin-left: 0.25rem;
	margin-right: 0.3rem;
}
.tijiao input{
	width:2.08rem;
	height: 0.72rem;line-height: 0.72rem;
	text-align: center;
	background: #f94268;color:white;
	font-size: 0.33rem;
    border: none;
    border-radius: 1rem;
    outline: medium;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.heji{
	height: 1.05rem;
	/*padding: 0.2rem 0.15rem 0.15rem 0;*/
}

.hj_top{
	height: 1.05rem;line-height: 1.05rem;
	text-align: right;
}
.hj{
	display: inline-block;
	font-size: 0.26rem;color:#888888;
	margin-right: 0.1rem;
}
.hj_top .font_red{
	font-size: 0.36rem;color:#f94268;
}
.amount{font-size: 0.36rem;color:#f94268}
.hj_bot{
	height: 0.3rem;line-height: 0.3rem;
	font-size: 0.25rem;color:#aaaaaa;
}
.hj_bot .yufei{
	color:#333333;
}
/************************门店自提************************************/
.message_s2{
	width:100%;height:auto;padding:0 0.25rem 0 0.25rem;
	box-sizing: border-box;
		background: white;
	
}
.message_s2 .c_item{
	padding:0.3rem 0 0.2rem 0;
	height: 100%;
	border-top: 1px solid #e5e5e5;
	/*border-bottom: 1px solid #e5e5e5;*/
}
.message_s2 label{
	/*font-size:0.29rem;color:#555555;*/
	font-family: "微软雅黑";
	font-weight: 400;
	margin-top: 0;
}


.s2_right{
	float:right;left: 28%;
	width:auto;max-width: 71%;
	overflow: hidden;
	font-size: 0.27rem;color: #555555;
	margin-bottom: 0;
	padding-bottom: 0;
}
.shop_msg{
	margin-bottom: 0.23rem;
	overflow: hidden;
	
}
.s2_right .telphone{
	margin-bottom: 0;
	padding-bottom: 0;;
}
.s2_right .telphone .tel_text{
	display: inline-block;
	position: absolute;
	width:1.5rem;
	margin-top: 0;
}
.shop_msg .tel{
	display: inline-block;
	/*position: absolute;*/
	width:auto;height: auto;
	margin-left: 1.5rem;
	color:#F5AB24;
}

/*地址回填*/
.shdz{
	display: inline-block;
	position: absolute;
	left:30%;font-size: 0.27rem;color:#AAAAAA;
}

/********************未登录时   收货地址***************************/
.login_on{
	
	margin-top:0.2rem;
}

/****提示  开始******/
.grey{
	position: fixed;z-index: 299;
	width:100%;height: 100%;top:0;left:0;
	background: rgba(20,20,20,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.grey .whiteboard{
	/*display: block;*/
	z-index: 299;border-radius: 0.2rem;
	width:6.26rem;height: 3rem;
	background: #FFFFFF;
}

.wb_top{
	width:100%;height: 0.4rem;line-height: 0.4rem;
	font-size: 0.313rem;color:#333333;
	margin-top:0.64rem;
	margin-bottom: 0.8rem;
	text-align: left;
	padding:0 0.5rem;
}
.wb_bot{
	width:100%;height: 0.67rem;
	box-sizing: border-box;
	padding: 0 0.79rem;
}
.wb_bot>button{
	width:1.94rem;height: 0.67rem;line-height: 0.67rem;
	text-align: center;font-size: 0.292rem;
	border-radius: 0.5rem;
	border:none;
	outline: medium;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
}
.wb_bot .cancel{
	float:left;
	background: #FFFFFF;
	color:#888888;
	border:1px solid #E5E5E5;
}
.wb_bot .cancel:active{
	background: #F5F5F5;
}
.wb_bot .heshi{
	float:right;
	background: #fe9102;
	color:#FFFFFF;
}
.wb_bot .heshi:active{
	background: ff7800;
}
